<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../fonts/iconfont.css">
    <link rel="stylesheet" href="../css/pagination.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/member.css">
    <link rel="stylesheet" href="../css/coursePay.css">
    <script src="../js/jquery.min.js"></script>
    <script src="../js/common.js"></script>
</head>
<body>
    <div class="tops">
        <div class="info">
            <div class="divs">欢迎来到歌必网-咖啡综合专属服务平台~</div>
            <div class="divs">客服热线 17521209352</div>
        </div>
    </div>
   
    <div class="container">
           
            
        <div class="pay_title">订单确认 </div>
            <div class="table_box">
                <table class="table">
                    <thead>
                        <tr>
                            <th class="th1">课程名字</th>
                            <th class="th2">原价</th>
                            <th class="th2">小记</th>
                           
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td class="product_box">
                                <div class="product">
                                    <img src="../img/shops.png" alt="">
                                    <div class="info">
                                        <p class="name">咖啡入门最基础的知识有什么？</p>
                                        <p class="suk">主讲师：刘导师</p>
                                    </div>    
                                </div>
                               
                            </td>
                            <td class="suk">
                                <p>¥16.61</p>
                                
                            </td>
                            <td class="price">
                                <p>16.61</p>
                                
                            </td>
                        </tr>
                    </tbody>
                </table>    
            </div>
            <div class="product_info">
                <div class="product">
                    <img src="../img/shops.png" alt="">
                    <div class="info">
                        <p class="name">咖啡入门最基础的知识有什么？</p>
                        <p class="suk">主讲师：刘导师</p>
                    </div>    
                </div>
                <p class="info_item"><span>原价</span><span>&yen;1.22</span></p>
                <p class="info_item"><span>小记</span><span>&yen;1.22</span></p>
            </div>
            <div class="pay_title">支付方式 </div>
            <div class="pay_box">
                <div class="pay_box_head">
                    <div class="top">
                        <i class="radio_icon radio_have"></i> <span>在线支付</span>  使用第三方在线支付 <span class="price">¥33.22</span>
                    </div>
                    <div class="bot">
                        支持 <img src="../img/member/wechat_icon.png" alt=""> 在线支付方式
                    </div>
                </div>
                <div class="pay_box_bot">
                    <img src="../img/member/ewm.png" alt="">
                    <p class="value">
                        支付金额
                        <span >¥49.83</span>
                    </p>
                </div>
            </div>
    </div>
    <div class="btons">
        <div class="app">
            <div class="tiitle">平台标语</div>
            <div class="jg"></div>
            <div class="ps">
                <div class="item">
                    <img class="imgs" src="../img/all-xs.png" alt="" srcset="" />
                    <div class="texts">
                        <div class="texts1">学习</div>
                        <div class="texts2">通过线上线下的社交化学习，<br>提升对数据资产的认知</div>
                    </div>
                </div>
                <div class="item">
                    <img class="imgs" src="../img/all-j.png" alt="" srcset="" />
                    <div class="texts">
                        <div class="texts1">交流</div>
                        <div class="texts2">通过线上线下的社交化学习，<br>提升对数据资产的认知</div>
                    </div>
                </div>
                <div class="item">
                    <img class="imgs" src="../img/all-x.png" alt="" srcset="" />
                    <div class="texts">
                        <div class="texts1">协作</div>
                        <div class="texts2">通过线上线下的社交化学习，<br>提升对数据资产的认知</div>
                    </div>
                </div>
                <div class="item">
                    <img class="imgs" src="../img/all-c.png" alt="" srcset="" />
                    <div class="texts">
                        <div class="texts1">创新</div>
                        <div class="texts2">通过线上线下的社交化学习，<br>提升对数据资产的认知</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="bottoms_all">
        <div class="bottoms">
            <div class="info">
                <div class="items">
                    <div class="title">
                        ABOUT
                    </div>
                    <div class="title">
                        关于我们
                    </div>
                    <div class="jsx">我们的使命是通过不断优化和提高生产流程，为客户提供最优质的服务和产品</div>
                    <div class="ewm">
                        <div class="boxs">
                            <img src="../img/member/ewm.png" alt="" srcset="" />
                        </div>
                        <div class="boxs">
                            <img src="../img/member/ewm.png" alt="" srcset="" />
                        </div>
                    </div>
                </div>
                <div class="items">
                    <div class="title">CONTACT</div>
                    <div class="title">联系我们</div>
                    <div class="jsx">地址：海南省海口市秀英区海秀街道办南海大道288号海鑫郦都7号楼海口药谷牛物医药创新综合体2层215室A00062号</div>
                    <div class="jsx1">电话:(010)12345678</div>
                    <div class="jsx1">Email: contact@example.net</div>
                    <div class="jsx1">Web:www.innocorp.cn</div>
                </div>

                <div class="items">
                    <div class="title">LINKS</div>
                    <div class="title">友情链接</div>
                    <div class="jsx">合作伙伴一</div>
                    <div class="jsx1">合作伙伴二</div>
                    <div class="jsx1">合作伙伴三</div>
                    <div class="jsx1">合作伙伴四</div>
                    <div class="jsx1">合作伙伴五</div>
                </div>
                <div class="items">
                    <div class="title">MECHANISM</div>
                    <div class="title">合作机构</div>
                    <div class="imgs">
                        <img src="../img/logo2.png" alt="" srcset="" />
                    </div>
                    <div class="imgs">
                        <img src="../img/logo1.png" alt="" srcset="" />
                    </div>
                </div>
            </div>
            <div class="bq">版权所有 ◎ 2024|海南孚润数字技术有限公司|京ICP备12345678号</div>
            <div class="bqs">数据资产管理入表</div>
        </div>
    </div>
</body>
</html>